<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>js</title>
	<style>
	/*
	1.定位有4个坐标系：左上角，左下角，右上角，右下角
	

	*/
		#top{
			position: fixed;
			bottom:15px;
			right:15px;
			cursor: pointer;
			display: none;

		}
	</style>
</head>
<!-- 回到顶部 -->
<body>
	<!-- 含有name属性的a连接叫做锚点；放到正文的最上边 ;兼容性最高<a name="top2"></a> -->
	
	<div id="top">
		
			<img src="a.jpg" alt="" style="width:100px;height:100px;">
		
	</div>
	
	<!-- h1{$$$$$$$$$$$$$$$$$$$$$$$$$}*100 -->
	<a name="top2"></a><!-- /index.html#top2 浏览器浏览-->
	<h1>0000000000000000000000001</h1>
	<h1>0000000000000000000000002</h1>
	<h1>0000000000000000000000003</h1>
	<h1>0000000000000000000000004</h1>
	<h1>0000000000000000000000005</h1>
	<h1>0000000000000000000000006</h1>
	<h1>0000000000000000000000007</h1>
	<h1>0000000000000000000000008</h1>
	<h1>0000000000000000000000009</h1>
	<h1>0000000000000000000000010</h1>
	<h1>0000000000000000000000011</h1>
	<h1>0000000000000000000000012</h1>
	<h1>0000000000000000000000013</h1>
	<h1>0000000000000000000000014</h1>
	<h1>0000000000000000000000015</h1>
	<h1>0000000000000000000000016</h1>
	<h1>0000000000000000000000017</h1>
	<h1>0000000000000000000000018</h1>
	<h1>0000000000000000000000019</h1>
	<h1>0000000000000000000000020</h1>
	<h1>0000000000000000000000021</h1>
	<h1>0000000000000000000000022</h1>
	<h1>0000000000000000000000023</h1>
	<h1>0000000000000000000000024</h1>
	<h1>0000000000000000000000025</h1>
	<h1>0000000000000000000000026</h1>
	<h1>0000000000000000000000027</h1>
	<h1>0000000000000000000000028</h1>
	<h1>0000000000000000000000029</h1>
	<h1>0000000000000000000000030</h1>
	<h1>0000000000000000000000031</h1>
	<h1>0000000000000000000000032</h1>
	<h1>0000000000000000000000033</h1>
	<h1>0000000000000000000000034</h1>
	<h1>0000000000000000000000035</h1>
	<h1>0000000000000000000000036</h1>
	<h1>0000000000000000000000037</h1>
	<h1>0000000000000000000000038</h1>
	<h1>0000000000000000000000039</h1>
	<h1>0000000000000000000000040</h1>
	<h1>0000000000000000000000041</h1>
	<h1>0000000000000000000000042</h1>
	<h1>0000000000000000000000043</h1>
	<h1>0000000000000000000000044</h1>
	<h1>0000000000000000000000045</h1>
	<h1>0000000000000000000000046</h1>
	<h1>0000000000000000000000047</h1>
	<h1>0000000000000000000000048</h1>
	<h1>0000000000000000000000049</h1>
	<h1>0000000000000000000000050</h1>
	<h1>0000000000000000000000051</h1>
	<h1>0000000000000000000000052</h1>
	<h1>0000000000000000000000053</h1>
	<h1>0000000000000000000000054</h1>
	<h1>0000000000000000000000055</h1>
	<h1>0000000000000000000000056</h1>
	<h1>0000000000000000000000057</h1>
	<h1>0000000000000000000000058</h1>
	<h1>0000000000000000000000059</h1>
	<h1>0000000000000000000000060</h1>
	<h1>0000000000000000000000061</h1>
	<h1>0000000000000000000000062</h1>
	<h1>0000000000000000000000063</h1>
	<h1>0000000000000000000000064</h1>
	<h1>0000000000000000000000065</h1>
	<h1>0000000000000000000000066</h1>
	<h1>0000000000000000000000067</h1>
	<h1>0000000000000000000000068</h1>
	<h1>0000000000000000000000069</h1>
	<h1>0000000000000000000000070</h1>
	<h1>0000000000000000000000071</h1>
	<h1>0000000000000000000000072</h1>
	<h1>0000000000000000000000073</h1>
	<h1>0000000000000000000000074</h1>
	<h1>0000000000000000000000075</h1>
	<h1>0000000000000000000000076</h1>
	<h1>0000000000000000000000077</h1>
	<h1>0000000000000000000000078</h1>
	<h1>0000000000000000000000079</h1>
	<h1>0000000000000000000000080</h1>
	<h1>0000000000000000000000081</h1>
	<h1>0000000000000000000000082</h1>
	<h1>0000000000000000000000083</h1>
	<h1>0000000000000000000000084</h1>
	<h1>0000000000000000000000085</h1>
	<h1>0000000000000000000000086</h1>
	<h1>0000000000000000000000087</h1>
	<h1>0000000000000000000000088</h1>
	<h1>0000000000000000000000089</h1>
	<h1>0000000000000000000000090</h1>
	<h1>0000000000000000000000091</h1>
	<h1>0000000000000000000000092</h1>
	<h1>0000000000000000000000093</h1>
	<h1>0000000000000000000000094</h1>
	<h1>0000000000000000000000095</h1>
	<h1>0000000000000000000000096</h1>
	<h1>0000000000000000000000097</h1>
	<h1>0000000000000000000000098</h1>
	<h1>0000000000000000000000099</h1>
	<h1>0000000000000000000000100</h1>
</body>
<script>	
	
	//谷歌下不显示，产生兼容性问题。st=document.body.scrollTop;
	topobj=document.getElementById('top');
	//区分浏览器内核 navigator
	nu=navigator.userAgent;
	//alert(nu.match(/chrome/i));


	window.onscroll=function(){
		if(nu.match(/chrome/i)){
		//谷歌
			st=document.body.scrollTop;
			/*document.title=st;*/
			if(st>200){
				topobj.style.display='block';
			}else{
				topobj.style.display='none';
			}
		}else{
			//非谷歌
			st=document.documentElement.scrollTop;
			if(st>200){
				topobj.style.display='block';
			}else{
				topobj.style.display='none';
			}
		}
		
	}
	

	topobj.onclick=function(){
		nu=navigator.userAgent;
		if(nu.match(/chrome/i)){
		//谷歌
			document.body.scrollTop=0;

			
		}else{
			//非谷歌
			document.documentElement.scrollTop=0;
			
		}
	}

</script>
</html>